.container {
    padding: 0.32rem;
}

.question_title {
    font-weight: bold;
    font-size: 0.32rem;

    > p {
        font-weight: bold;
        font-size: 0.32rem;
    }

    > p:nth-child(2) {
        color: rgba(23, 26, 29, 0.6);
        font-weight: 400;
    }
}

.question_options {
    padding-bottom: 1.14rem;

    .option_item {
        position: relative;
        display: flex;
        flex-direction: row;
        margin-bottom: 0.3rem;
        border: 1px solid #e9e9e9;
        border-radius: 0.23rem;
    }

    .option_value {
        display: flex;
        align-items: center;
        margin-right: 0.2rem;
        padding: 0.2rem 0 0.2rem 0.25rem;
        color: #0089ff;
        font-weight: 400;
        font-size: 0.3rem;
        border-radius: 0.2rem 0 0 0.2rem;

        > div {
            display: flex;
            align-items: center;
            height: 100%;
            padding-right: 0.25rem;
            border-right: 1px solid #e9e9e9;
        }
    }

    .option_content {
        p {
            margin: 0;
            font-weight: 400;
            font-size: 0.28rem;
        }

        display: flex;
        align-items: center;
        padding: 0.2rem 0.4rem 0.2rem 0;
    }

    .option_checked {
        border: 1px solid #0089ff;

        > div:nth-child(1) {
            color: #fff;
            background: #0089ff;

            > div {
                border-right: 1px solid #0089ff;
            }
        }

        &::before {
            position: absolute;
            top: 0;
            right: 0;
            width: 0.4rem;
            height: 0.4rem;
            background-image: url('https://static.zpimg.cn/public/career_sp/measurements/icon_select.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            content: '';
        }
    }

    .option_checked_left {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0.6rem;
        background: #0089ff;
    }
}
